<div style="background-color: #FFF; overflow: hidden">
    <div title="{{$.lp.base}}" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.id}}:</td>
                <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.name}}:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.description}}:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.readonly}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="isReadonly" value="true" text{($.isReadonly)?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="isReadonly" value="false" text{(!$.isReadonly)?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
        </table>
        <div>
            <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
                <tr>
                    <td class="editTableTitle">{{$.lp.tabletWidth}}</td>
                    <td class="editTableValue">
                        <input type="text" name="tabletWidth" value="text{$.tabletWidth}" class="editTableInputNoWidth" style="width: 100px;"/>px
                        <div style="color: #666">({{$.lp.tabletSizeNote}})</div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.tabletHeight}}</td>
                    <td class="editTableValue">
                        <input type="text" name="tabletHeight" value="text{$.tabletHeight}" class="editTableInputNoWidth" style="width: 100px;"/>px
                        <div style="color: #666">({{$.lp.tabletSizeNote}})</div>
                    </td>
                </tr>
                <tr>
                    <td class="editTableTitle">{{$.lp.actionBar}}:</td>
                    <td class="editTableValue">
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('eraser')!=-1)?'checked':''} type="checkbox" value="eraser"/>{{$.lp.hideEraserButton}}<br/>
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('eraserRadio')!=-1)?'checked':''} type="checkbox" value="eraserRadio"/>{{$.lp.hideEraserRadioButton}}<br/>
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('size')!=-1)?'checked':''} type="checkbox" value="size"/>{{$.lp.hideSizeButton}}<br/>
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('color')!=-1)?'checked':''} type="checkbox" value="color"/>{{$.lp.hideColorButton}}<br/>
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('image')!=-1)?'checked':''} type="checkbox" value="image"/>{{$.lp.hideImageButton}}<br/>
                        <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('imageClipper')!=-1)?'checked':''} type="checkbox" value="imageClipper"/>{{$.lp.hideImageClipperButton}}<br/>
                        <div style="color: #666">({{$.lp.tabletToolbarNote}})</div>
                    </td>
                </tr>
            </table>
        </div>

        <div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
        <div class="MWFMaplist" name="actionStyles" title="{{$.lp.actionStyles}}"></div>
        <div class="MWFMaplist" name="imageStyles" title="{{$.lp.imageStyles}}"></div>
        <div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div class="MWFValidation" name="validationConfig"></div>
    </div>
    <div title="{{$.lp.event}}"  class="MWFTab">
        <div class="MWFEventsArea" name="events"></div>
    </div>
    <div title="HTML"  class="MWFTab">
        <div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>
